﻿<style type="text/css">
	.panel-outter{
		background-image:url('<?php print base_url(); ?>images/main/ui_bg_signin.png');
	}
	.login-box{
		width:800px;
		height:350px;
		margin:0 auto;
	}
	#login{
		background-image:url('<?php print base_url(); ?>images/main/login-with-fb.png');
		border:0;
		width:193px;
		height:40px;
	}
	.feature {
		border-right:1px solid #cdcdcd;
	}
	.feature-content{
		overflow:hidden;
	}
	.feature-content .icon{		
		float:left;
		width:15%;
		margin-top:10px;
	}
	.feature-content .icon img{
		width:50px;
		height:50px;
	}
	.feature-content .desc{
		float:left;
		width:85%;
	}
	.feature-content .desc .title{
		font-size:11pt;
		margin:0px;
		padding:0px;		
	}
	.feature-content .desc p{
		font-size:10pt;
		margin-top:-10px;
		padding:0px;
	}
</style>
<div class="panel-base">	
	<div class="panel-outter">
	<div class="login-box row-fluid">
		
			<div class="span8 text-left feature">
				
						<div class="feature-content row">
							<div class="icon">
								<img src="<?php print base_url() ?>images/error/no_img_130x130.png" />
							</div>							
							<div class="desc">
								<h2 class="title">สร้างเว็บด้วยตนเองง่ายๆ เพียงไม่กี่คลิ๊ก</h2> 
								<p>สมัครสมาชิกตอนนี้ สามารถสร้างเว็บไซต์ ปรับเปลี่ยน ตกแต่ง ดังปรารถนา</p>
							</div>
						</div>
					
						<div class="feature-content row">
							<div class="icon">
								<img src="<?php print base_url() ?>images/error/no_img_130x130.png" />
							</div>							
							<div class="desc">
								<h2 class="title">ระบบหลังร้าน ใช้ง่าย สะดวกสบาย</h2> 
								<p>ปรับเปลี่ยน ตกแต่ง หน้าร้านได้ง่าย แม้เด็กประถมก็ทำได้</p>
							</div>
						</div>
				
						<div class="feature-content row">
							<div class="icon">
								<img src="<?php print base_url() ?>images/error/no_img_130x130.png" />
							</div>							
							<div class="desc">
								<h2 class="title">หน้าร้าน เรียบหรูดูดีมีสไตล์</h2> 
								<p>การออกแบบเน้นการนำเสนอสินค้า บริการ เหมาะกับร้านกาแฟ และอาหารโดยตรง</p>
							</div>
						</div>
					
						<div class="feature-content row">
							<div class="icon">
								<img src="<?php print base_url() ?>images/error/no_img_130x130.png" />
							</div>							
							<div class="desc">
								<h2 class="title">โปรโมทร้านค้า เพิ่มโอกาสทางธุรกิจ</h2> 
								<p>ทำการตลาดอย่างมืออาชีพ ด้วยระบบ และการโปรโมทในสไตล์ที่คุณเลือกได้</p>
							</div>
						</div>
				
						<div class="feature-content row">
							<div class="icon">
								<img src="<?php print base_url() ?>images/error/no_img_130x130.png" />
							</div>
							<div class="desc">
								<h2 class="title">ระบบค้นหา จัดอันดับ</h2> 
								<p>ช่วยให้ลูกค้ากลุ่มเป้าหมายรู้จักร้านค้าของคุณมากขึ้น ด้วยระบบค้นหา และการจัดอันดับของเว็บขั้นสูง</p>
							</div>
						</div>
					
			</div>
			<div class="span4">
				<div style="margin:70px 0 0 65px;">
					<form class="form-signin">
						<input type="text" class="input-block-level" placeholder="Email address">
						<input type="password" class="input-block-level" placeholder="Password">
						
						<button class="btn btn-inverse" type="submit">Sign in</button>		        
					</form>
					<button onClick="loginUser();" id="login"></button>
				</div>
			</div>		
	</div>
	</div>
</div>
<div id="fb-root"></div>
<script type="text/javascript">
	(function() {
		var e = document.createElement('script'); e.async = true;
		e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
		document.getElementById('fb-root').appendChild(e);
	}());
	window.fbAsyncInit = function(){
		FB.init({
			appId: '<?php echo $app_id; ?>',
			cookie: true,
			fbml: true,
			oauth: true
		});
	}   
	function loginUser() {	

		FB.getLoginStatus(function(response){			
			if (response.status === 'connected' || response.status === 'not_authorized') {
				window.location.href = '<?php print base_url(); ?>member/fb_login';
			} else {

		        FB.login(function(response) { 
		        	if (response.authResponse) {
		        		window.location.href = '<?php print base_url(); ?>member/fb_login';	        	
		        	}
		        }); 
			}    			
		});    
    }
</script>